<ol class="breadcrumb newcrumb">
    <li>
        <a href="#">
            <span><i class="fa fontello-home-outline"></i>
            </span>Special Pages</a>
    </li>
    <li class="active">Shop Item</li>
</ol>
<div class="row">
    <div class="col-md-3">
        <div class="list-group">
            <a href="#" class="list-group-item bg-green fontello-shop-1"> NEW ARRIVALS</a>
            <a href="#" class="list-group-item">Item #1</a>
            <a href="#" class="list-group-item">Item #2</a>
            <a href="#" class="list-group-item">Item #3</a>
            <a href="#" class="list-group-item">Item #4</a>
            <a href="#" class="list-group-item">Item #5</a>
        </div>
        <div class="list-group">
            <a href="#" class="list-group-item bg-aqua fontello-tag"> FEATURED</a>
              <a href="#" class="list-group-item">Item #1</a>
            <a href="#" class="list-group-item">Item #2</a>
            <a href="#" class="list-group-item">Item #3</a>
          
        </div>
        <div class="list-group">
            <a href="#" class="list-group-item bg-blue fontello-bookmark"> SPECIAL</a>
              <a href="#" class="list-group-item">Item #1</a>
            <a href="#" class="list-group-item">Item #2</a>
            <a href="#" class="list-group-item">Item #3</a>
            <a href="#" class="list-group-item">Item #4</a>
        </div>
        <div class="blog-side-nest">
            <h4 class="text-center"><strong>JOIN NEWSLETTER</strong></h4>
            <p class="text-center">Sign up for our daily Newslatter</p>
            <form role="form" class="ng-pristine ng-valid">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="form-group">
                            <input type="email" class="form-control" placeholder="Enter email">
                        </div>
                    </div>
                    <!-- /.col-xs-8 -->
                 
                    <!-- /.col-xs-4 -->
                </div>
                <!-- /.row -->
            </form>

        </div>
    </div>

    <div class="col-md-9">

        <div class="row carousel-holder">

            <div class="col-md-12">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active">
                            <img class="img-responsive slide-image" src="http://placehold.it/800x300" alt="">
                        </div>
                        <div class="item">
                            <img class="img-responsive slide-image" src="http://placehold.it/800x300" alt="">
                        </div>
                        <div class="item">
                            <img class="img-responsive slide-image" src="http://placehold.it/800x300" alt="">
                        </div>
                    </div>
                    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </a>
                </div>
            </div>

        </div>
        <br>
        <br>
        <div class="row">
            <div class="col-sm-4 col-lg-4 col-md-4">
                <div class="thumbnail no-padding">
                    <img class="img-responsive" src="http://placehold.it/320x280" alt="">
                    <div class="caption">
                        <h4 class="pull-right"><b>$24.99</b>
                        </h4>
                        <h4><a href="#">First Product</a>
                        </h4>
                        <p>See more snippets like this online store item at <a target="_blank" href="http://www.bootsnipp.com">Bootsnipp - http://bootsnipp.com</a>.</p>
                    </div>
                    <div class="ratings pad">
                        <p class="pull-right">15 reviews</p>
                        <p class="text-red">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-sm-4 col-lg-4 col-md-4">
                <div class="thumbnail no-padding">
                    <img src="http://placehold.it/320x280" alt="">
                    <div class="caption">
                        <h4 class="pull-right"><b>$64.99</b>
                        </h4>
                        <h4><a href="#">Second Product</a>
                        </h4>
                        <p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                    <div class="ratings pad">
                        <p class="pull-right">12 reviews</p>
                         <p class="text-red">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-sm-4 col-lg-4 col-md-4">
                <div class="thumbnail no-padding">
                    <img src="http://placehold.it/320x280" alt="">
                    <div class="caption">
                        <h4 class="pull-right"><b>$74.99</b>
                        </h4>
                        <h4><a href="#">Third Product</a>
                        </h4>
                        <p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                    <div class="ratings pad">
                        <p class="pull-right">31 reviews</p>
                         <p class="text-red">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-sm-4 col-lg-4 col-md-4">
                <div class="thumbnail no-padding">
                    <img src="http://placehold.it/320x280" alt="">
                    <div class="caption">
                        <h4 class="pull-right"><b>$84.99</b>
                        </h4>
                        <h4><a href="#">Fourth Product</a>
                        </h4>
                        <p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                    <div class="ratings pad">
                        <p class="pull-right">6 reviews</p>
                         <p class="text-red">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-sm-4 col-lg-4 col-md-4">
                <div class="thumbnail no-padding">
                    <img src="http://placehold.it/320x280" alt="">
                    <div class="caption">
                        <h4 class="pull-right"><b>$94.99</b>
                        </h4>
                        <h4><a href="#">Fifth Product</a>
                        </h4>
                        <p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                    <div class="ratings pad">
                        <p class="pull-right">18 reviews</p>
                        <p class="text-red">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-sm-4 col-lg-4 col-md-4">
                <div class="thumbnail no-padding">
                    <img src="http://placehold.it/320x280" alt="">
                    <div class="caption">
                        <h4 class="pull-right"><b>$94.99</b>
                        </h4>
                        <h4><a href="#">Fifth Product</a>
                        </h4>
                        <p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                    <div class="ratings pad">
                        <p class="pull-right">18 reviews</p>
                         <p class="text-red">
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star-empty"></span>
                        </p>
                    </div>
                </div>
            </div>


        </div>

    </div>

</div>
